<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="部门管理" name="depart-manage"><DepartManage /></el-tab-pane>
      <el-tab-pane label="职位管理" name="position-manage"><PositionManage /></el-tab-pane>
      <el-tab-pane label="职称管理" name="job_title-manage"><JobTitleManage /></el-tab-pane>
      <el-tab-pane label="奖惩规则" name="reward_punish-manage"><RewardPunishManage /></el-tab-pane>
      <el-tab-pane label="权限管理" name="permission-manage"><PermissionManage /></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import DepartManage from '@/components/Sys/SysBasic/DepartManage'
import PositionManage from '@/components/Sys/SysBasic/PositionManage'
import JobTitleManage from '@/components/Sys/SysBasic/JobTitleManage'
import RewardPunishManage from '@/components/Sys/SysBasic/RewardPunishManage'
import PermissionManage from '@/components/Sys/SysBasic/PermissionManage'

export default {
  name: 'SysBasic',
  components: {
    DepartManage,
    PositionManage,
    JobTitleManage,
    RewardPunishManage,
    PermissionManage
  },
  data() {
    return {
      activeName: 'depart-manage'
    }
  }
}
</script>
